ul {
    list-style: none;
    padding-left: 0;
}

.tabs {}

.tabs-nav {
    display: flex;
    border: 1px solid #ccc;
    li {
        padding: 5px;
        cursor: pointer;
        &:not(:first-child) {
            border-left: 1px solid #ccc;
        }
        &.active {
            color: red;
        }
    }
}

.tabs-content {
    &>section {
        display: none;
        &.active {
            display: block;
        }
    }
}